<template>
  <div id="item">
    <div class="itemWrapper">
      <div id="avatar" class="common"></div>
      <div id="reply_count" class="common"></div>
      <div id="tag" class="common">{{ tab[itemData.tab] }}</div>
      <div id="title" class="common">{{ itemData.title}}</div>
      <div id="date" class="common"></div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    itemData: {},
  },
  data(){
    return {
        tab:{
            "share":"分享",
            "top":"置顶",
            "ask": "问答",

        }
    }
  }
};
</script>

<style>
.itemWrapper {
  width: 1600px;
  height: 20px;
  /* background-color: red; */
  margin-bottom: 5px;
  margin-top: 5px;
}
.common {
  display: inline-block;
  height: 20px;
  width: 50px;
  /* background-color: blue; */
  margin-right: 5px;
  overflow: hidden;
}
#title{
    width: 700px;
    line-height: 20px;
}
#tag{
    background-color: #999;
}
</style>
